page{
  background-color: #e2e2e2;
}
.user_info_warp{
  height: 45vh;
  overflow: hidden;
  position: relative;
  .user_img_warp{
    position: relative;
    height: 45vh;
    .user_bg{
      height: 45vh !important;
      filter: blur(10rpx);
    }
    .user_info{
      position: absolute;
      top: 30%;
      left: 50%;
      transform: translate(-50%);
      .user_icon{
        border-radius: 50%;

      }
      .user_name{
        color: #fff;
        margin-top: 40rpx;
        font-size: 32rpx;
      }
    }
  }
  .login_btn{
    height: 45vh;
    background-color: #ccc;
    navigator{
      position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%);
    border: 1px solid #ccc;
    }
    
  }
}

.user_content{
  position: relative;
  .user_main{
    position: absolute;
    color: #666;
    padding-bottom: 90rpx;
    width: 90%;
    left: 50%;
    transform: translate(-50%);
    top: -40rpx;
    .history_warp{
    display: flex;
    background-color: #fff;
      navigator{
        flex: 1;
        text-align: center;
        padding: 10rpx;
        .his_num{
        color: var(--themeColor);
        }
        .his_name{
        
        }
      }
    }
    .order_warp{
      margin-top: 20rpx;
      background-color: #fff;
      .order_title{
        border-bottom: 1px solid #ccc;
        padding: 20rpx;
        font-size: 30rpx;
      }
      .order_content{
        display: flex;
        navigator{
          flex: 1;
          text-align: center;
          padding: 20rpx;
          .iconfont{
            color: var(--themeColor);
            font-size: 50rpx;
          }
          .order_name{
            font-size: 26rpx;
          }
        }
      }
     
    }
    .address_warp{
      margin-top: 20rpx;
      background-color: #fff;
      padding: 20rpx;
    }
    .app_info_warp{
      margin-top: 20rpx;
      background-color: #fff;
      .app_info_item{
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #ccc;
        padding: 20rpx;
      }
      button{
        width: 100%;
        font-weight: normal;
        height: 80rpx;
        padding: 0;
        font-size: 28rpx;
        background-color: #fff;
        color: #666;
      }
    }
    .recommend_warp{
      margin-top: 20rpx;
      padding: 20rpx;
      background-color: #fff;
    }
   
  }
}

